	body{
				background: #E9EAED;
			}
		
			/* css实现划过图片闪光效果 */
			  .item{
			            width:100%;
			            position:relative;
			        }
			  .item::before{
			            content:'';
			            position:absolute;
			            left:0;
			            top:0;
			            right:0;
			            bottom:0;
			            background:linear-gradient(-45deg,transparent 30%,transparent,rgba(255,255,255,.5),transparent 70%) no-repeat;
			            background-size:200% 200%;
			            background-position:200% 200%;
			         }
			.item:hover::before{
			    transition:background-position 1s;
			     background-position:-100% -100%;
			}
			
			.titleBox{
				
				position: absolute;
				top: 20%;
				z-index: 10;
				left: 28%;
			}
		
			.titleBox a{
				float: right;
				
			}
			.list-unstyled{
				margin-top: 20px;
				float: left;
				font-size: 14px;
				color: #F1F0EE;
				line-height: 20px;
				
			}
			.list-unstyled li{
				display: none;
			}
			.item a:hover{
					-webkit-animation: tada 1s .2s ease both;
					-moz-animation: tada 1s .2s ease both;		
					animation-iteration-count:infinite;
			}
			.verticl{
				animation: tada 2s .2s ease both;
				/* animation: tada 2s .2s ease both;		 */
			}
			@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
			
			10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
			
			30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
			
			40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
			
			100%{-webkit-transform:scale(1) rotate(0);}}
			
			@-moz-keyframes tada{0%{-moz-transform:scale(1);}
			
			10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
			
			30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
			
			40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
			
			100%{-moz-transform:scale(1) rotate(0);}}
			
			@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
			
			opacity:0;}
			
			40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
			
			70%{-webkit-transform:perspective(400px) rotateY(10deg);}
			
			100%{-webkit-transform:perspective(400px) rotateY(0deg);
			
			opacity:1;}}
			
			@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
			
			opacity:0;}
			
			40%{-moz-transform:perspective(400px) rotateY(-10deg);}
			
			70%{-moz-transform:perspective(400px) rotateY(10deg);}
			
			100%{-moz-transform:perspective(400px) rotateY(0deg);
			
			opacity:1;}}
			.content-title{
				/* width: 1100px; */
				margin-top: 20px;
				border-bottom: 2px solid black;
			}
			.btn-group a{
				background-color: #000000;
				color: white;
				border: 1px solid #000000;
			}
			.btn-group a:last-of-type{
				background-color: #3A6AB5;
				border: 1px solid #3A6AB5;
			}
			.content-title  p{
				float: right;
				font-size: 10px;
				font-weight: bold;
				margin-top: 10px;
			}
			.content-boby{
				/* width: 1100px; */
				margin-top: 5px;
				padding: 10px;
				background-color: #F4F4F4;
				border: 1px solid #000000;
				box-shadow: 0px 0px 7px 0px black;
			}
			.small-title{
				width: 200px;
				margin: 0px auto;
				text-align: center;
			}
			
			hr{
				background-color: #40D2B1;
				border: 1px solid #40D2B1;
			}
			.bs-docs-footer{
				background-color: black;
				box-shadow:0px -10px 1px #28A4C9 ; 
				margin-top: 20px;
				color: white;
				font-size: 12px;
				padding-top: 10px;
			}
			.context{
				margin: 20px 0px 4px 60px;
				border-bottom: 1px solid #ccc;
			}
			.pinglun{
				margin-top: 10px;
				
			}
			.pinglun ul{
				margin-bottom: 10px;
			}
			.p-post{
				padding: 15px;
			}
			.p-post,.post-footer{
				background-color: #F7F7F7;
			}
			#mytext{
				 border-width: 0px;
				 background-color:#F7F7F7; 
				 outline:none; /*取消表单项聚焦时产生的边框*/
				 border-style:none; /* 没有边框 */
				 box-shadow:none; /* 没有阴影 */
				 resize:none; /* 取消textarea能改变大小 */
			}
			.inputSuccess4{
				border-radius: 40px;
				width: 150px;
				/* margin-right: 20px; */
				
			}
			.pl-header{
				margin: 20px 0px;
				letter-spacing:inherit;
			}
			em{
				color: orange;
			}
			.p-title{
				margin-left: 20px;
			}
			.p-time{
				margin-left: 10px;
				font-size: 12px;
				color: #9D9D9D;
			}
			.p-name{
				font-weight: bold;
			}
			.p-text{
				margin-top: 10px;
			}
			.like{
				margin-right: 20px;
				cursor:pointer; 
				position: relative;
			} 
			.p-content{
				padding-bottom: 20px;
				margin-bottom: 20px;
			
				border-bottom: 1px solid #f1f1f1;
			}
			.addNum{
				opacity:0;
				position: absolute;
				top: 0px;
			}
			.fontSty{
				font-family: '宋体';
			}
			@media (max-width:768px){
				.form-inline>div>input{
					width: 100px;
				}
				.p-name{
					width: 100px;
				}
				.p-title span{
					display: inline-block;
					text-overflow: ellipsis;
					white-space:nowrap;       /* 不换行*/
					overflow:hidden;          /* 内容超出宽度时隐藏超出部分的内容 */
				}
				.p-title{
					width: 210px;
				}
			}
			@media (max-width:320px){
				.form-inline>div>input{
					width: 70px;font-size: 6px;
				}
			}
			